<div class="nav-change">
    <div class="left"></div>
    <div class="nav-change-list" *ngIf="navs.list.length > 0">
        <span (click)="aim(-1)" [ngClass]="{ unClick: navs.aim == 0 }">
      <ion-icon class="icon" name="md-arrow-dropleft"> </ion-icon>
    </span>
        <span class="title">{{ navs.list[navs.aim].RoomName }}</span>
        <span (click)="aim(1)" [ngClass]="{ unClick: navs.aim == navs.list.length - 1 }">
      <ion-icon class="icon" name="md-arrow-dropright"></ion-icon>
    </span>
        <div class="navMark" *ngIf="navs.list.length <= 9">
            <span *ngFor="let item of navs.list; let i = index" [ngClass]="{ selected: navs.aim == i }" [ngStyle]="{'margin-left': navs.list.length === 1? '0px': '5px'}"></span>
        </div>
    </div>
    <div class="right">
        <img src="assets/imgs/video.png" *ngIf="showVideo" (click)="toVideo()" />
    </div>
</div>